<import from="/layout/global" name="html5">
	<extend name="title">
		个人资料--layui后台管理模板 2.0
	</extend>
	<extend name="body">
		<form class="layui-form layui-row">
			<div class="layui-col-md3 layui-col-xs12 user_right">
				<div class="layui-upload-list">
					<img class="layui-upload-img layui-circle userFaceBtn userAvatar" id="userFace">
				</div>
				<button type="button" class="layui-btn layui-btn-primary userFaceBtn"><i class="layui-icon">&#xe67c;</i> 掐指一算，我要换一个头像了</button>
				<p>由于是纯静态页面，所以只能显示一张随机的图片</p>
			</div>
			<div class="layui-col-md6 layui-col-xs12">
				<div class="layui-form-item">
					<label class="layui-form-label">用户名</label>
					<div class="layui-input-block">
						<input type="text" value="驊驊龔頾" disabled class="layui-input layui-disabled">
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">用户组</label>
					<div class="layui-input-block">
						<input type="text" value="超级管理员" disabled class="layui-input layui-disabled">
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">真实姓名</label>
					<div class="layui-input-block">
						<input type="text" value="" placeholder="请输入真实姓名" lay-verify="required" class="layui-input realName">
					</div>
				</div>
				<div class="layui-form-item" pane="">
					<label class="layui-form-label">性别</label>
					<div class="layui-input-block userSex">
						<input type="radio" name="sex" value="男" title="男" checked="">
						<input type="radio" name="sex" value="女" title="女">
						<input type="radio" name="sex" value="保密" title="保密">
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">手机号码</label>
					<div class="layui-input-block">
						<input type="tel" value="" placeholder="请输入手机号码" lay-verify="phone" class="layui-input userPhone">
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">出生年月</label>
					<div class="layui-input-block">
						<input type="text" value="" placeholder="请输入出生年月" lay-verify="userBirthday" readonly class="layui-input userBirthday">
					</div>
				</div>
				<div class="layui-form-item userAddress">
					<label class="layui-form-label">家庭住址</label>
					<div class="layui-input-inline">
						<select name="province" lay-filter="province" class="province">
							<option value="">请选择市</option>
						</select>
					</div>
					<div class="layui-input-inline">
						<select name="city" lay-filter="city" disabled>
							<option value="">请选择市</option>
						</select>
					</div>
					<div class="layui-input-inline">
						<select name="area" lay-filter="area" disabled>
							<option value="">请选择县/区</option>
						</select>
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">掌握技术</label>
					<div class="layui-input-block userHobby">
						<input type="checkbox" name="like[javascript]" title="Javascript">
						<input type="checkbox" name="like[C#]" title="C#">
						<input type="checkbox" name="like[php]" title="PHP">
						<input type="checkbox" name="like[html]" title="HTML(5)">
						<input type="checkbox" name="like[css]" title="CSS(3)">
						<input type="checkbox" name="like[.net]" title=".net">
						<input type="checkbox" name="like[ASP]" title="ASP">
						<input type="checkbox" name="like[Angular]" title="Angular">
						<input type="checkbox" name="like[VUE]" title="VUE">
						<input type="checkbox" name="like[XML]" title="XML">
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">邮箱</label>
					<div class="layui-input-block">
						<input type="text" value="" placeholder="请输入邮箱" lay-verify="email" class="layui-input userEmail">
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">自我评价</label>
					<div class="layui-input-block">
						<textarea placeholder="请输入内容" class="layui-textarea myself"></textarea>
					</div>
				</div>
				<div class="layui-form-item">
					<div class="layui-input-block">
						<button class="layui-btn" lay-submit="" lay-filter="changeUser">立即提交</button>
						<button type="reset" class="layui-btn layui-btn-primary">重置</button>
					</div>
				</div>
			</div>
		</form>
	</extend>

	<extend name="jsfoot">
		<script type="text/javascript" src="{{C.PATH.GPUBLIC}}layui/layui.js"></script>
		<script type="text/javascript" src="{{C.PATH.PUBLIC}}js/page/userInfo.js"></script>
		<script type="text/javascript" src="{{C.PATH.PUBLIC}}js/cacheUserInfo.js"></script>
	</extend>
</import>